今天似乎是第 30 天，輕鬆一下～
來介紹一些好用的 package

(偽)結賽感言

總之晃的一下就 30 天了，怎麼感覺好像才剛開賽沒多久XDD
沒想到今年竟然成功完賽了 覺得有夠不可思議
-鐵人賽期間卡了兩個連假 差點以為自己會死在連假這波

自認自己還有進步空間，不過在下班後還要寫文章真的是有夠肝的嗚嗚
明年有機會的話看來要多備點資料，及早準備

另外，標題 day25~day29 這幾篇會在之後補上
內容會是幾篇實作的例子(做個 todo list) 跟一部分概念上的東西
前面有些篇幅寫的比較潦草的也會在完賽後找時間修改一下
有機會的話或許會繼續寫下去吧(口出狂言中)

總之祝福大家收穫滿滿！

總不能說因為在加班的關係 文章快要開天窗XDD
所以容許我在第 30 天偷個懶

routing

react router

官方御用的 library

reference
https://reactrouter.com/

ui 類

Semantic UI React

用來做 react component 外觀的 ui 庫

reference
https://react.semantic-ui.com/

react-bootstrap

就是整合 bootstrap 的 react 版本啦，應該不用多介紹XD

reference
https://react-bootstrap.github.io/

material-ui

用來做 react component 外觀的 ui 庫

npm install @material-ui/core

reference
https://material-ui.com/getting-started/installation/

react slick slider

輕量化的 slick slider 的 react 版本，但要加裝 jq（的樣子）

reference
https://react-slick.neostack.com/docs/get-started

動畫

react-motion

reference
https://www.npmjs.com/package/react-motion

圖表

react chart.js

reference
https://github.com/jerairrest/react-chartjs-2

fetch 資料

mockjs

用來模擬從 api 取資料

reference
https://www.npmjs.com/package/mockjs
https://cloud.tencent.com/developer/article/1092807

whatwg-fetch

作為 old-browser 使用 fetch 方法的 polyfill，在已支援 fetch 的新瀏覽器下沒有作用

reference
https://www.npmjs.com/package/whatwg-fetch#read-this-first

控制 state

Redux

控制 react的 state 非 Redux 莫屬啦

reference
https://redux.js.org/

MOBX

reference
https://mobx.js.org/README.html

react framework

一個 framework 中的 framework 的概念

Gatsby.js

可以用來快速建立靜態頁面

reference
https://www.gatsbyjs.com/

next

同時帶有 routing 的功能，也可以快速建立靜態頁面

reference
https://nextjs.org/